<template>
  <div class="search-container">
    <searchs></searchs>
    <div class="no">
      <div class="iconfont search-icon icon-kong"></div>
      <div class="shuoming">未搜索到内容</div>
    </div>
  </div>
</template>


<script>
import searchs from "@/components/item-search";
// import { mapGetters } from "vuex";
export default {
  components: {
    searchs
  },
  computed: {
    // ...mapGetters(["list"]),
    list() {
        console.log(this.$store.state.list)
        return this.$store.state.list
    }
  }
};
</script>

<style lang="less">
body {
  background: #f8f8f8;
}
.search-container {
  background: #f8f8f8;
  width: 100%;
  margin: 0 auto;
  .no {
    position: relative;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 50%;
    .search-icon {
      font-size: 62px;
      color: #dadada;
    }
    .shuoming {
      font-size: 14px;
      color: #808080;
    }
  }
}
</style>